
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下载《英魂外传》分享赢好礼有机会获得iPhone X</title>
    <meta name="description" content="下载《英魂外传》分享赢好礼有机会获得iPhone X"/>
    <meta name="keywords" content="英魂外传"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" href="//cdn.66173.cn/mobile/css/yhwz_pc.css?t=1531100179">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://cdn.66173.cn/mobile/v2/scripts/activity_yh_pc_func.js?t=1531100179"></script>
    <script type="text/javascript">
        function judgeIELower() {
            var b_appName = navigator.appName;
            var b_version = navigator.appVersion;
            var reg = new RegExp(/.+MSIE\s+([5678])\.0;.+/);
            reg.test(b_version);
            return b_appName == "Microsoft Internet Explorer" && reg.test(b_version);
        }
        if(judgeIELower()) {
            alert("您使用的浏览器版本过低，为了您的浏览体验，请使用360浏览器或Chrome浏览器");
        }
    </script>
    <script >
        if(judgeIELower()) {
            $("body").css("display", "none !important");
//            setTimeout(function() {
//                window.location.href = "http://www.66173.cn";
//            }, 2000)
        }
    </script>
</head>
<body class="home-page">
<section class="sec sec1">
    <img class="img-top" src="//cdn.66173.cn/mobile/css/img/yhwz_pc/bg_01.jpg?t=5" alt="">
    <div class="s-item end">
        <div class="download-zone">
            <div id="qrcode" class="qr-img"></div>
            <div class="text">扫一扫下载游戏</div>
            <div class="img-cols">
                <a class="item ios-link" href="https://itunes.apple.com/cn/app/id1330552759?mt=8" target="_blank"><img src="//cdn.66173.cn/mobile/css/img/yhwz_pc/download_ios.png" alt=""></a>
                <a class="item android-link" href="http://apk.66173yx.com/ad/yhwz_gw.apk" target="_blank"><img src="//cdn.66173.cn/mobile/css/img/yhwz_pc/download_android.png" alt=""></a>
            </div>
        </div>
        <div class="btn-get-gift"><img src="//cdn.66173.cn/mobile/css/img/yhwz_pc/btn_get_gift.png" alt=""></div>
        <div class="gift-desc-zone">
            <img class="arrow" src="//cdn.66173.cn/mobile/css/img/yhwz_pc/triangle_with_yellow_border.png" />
            <div class="gift-desc-wrapper">
                <div class="item item1" data-i="1">
                    <div class="tit">礼包说明：</div>
                    <div class="text">英魂之刃、英魂之刃口袋版、英魂外传均可使用，英魂之刃端游在4.27日后才可进行兑换，英魂之刃手游和英魂外传(仅限在官服版本使用)是立即就可兑换。</div>
                </div>
                <div class="item item2" data-i="2">
                    <div class="tit">使用说明：</div>
                    <div class="text">英魂之刃品牌礼包可在英魂之刃口袋版的“社交——兑换礼品”中使用，打开后随机开出皮肤、守卫皮肤、宝石、英雄或皮肤碎片等道具奖励；也可在英魂之刃端游的“奖励——CD-key兑换”中使用，打开后随机开出皮肤碎片、守卫皮肤、VIP卡和积分等道具奖励。</div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="sec sec2">
    <img class="img-title img-title-info" src="//cdn.66173.cn/mobile/css/img/yhwz_pc/bg_02.jpg" alt="">
</section>
<section class="background-img sec sec3" style="background-image: url(//cdn.66173.cn/mobile/css/img/yhwz_pc/bg_03.png)">
    <div class="sec-main-wrapper">
        <div class="s-left">
            <div class="rotator clearfix">
                <div class="swiper-container swiper-container1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><a href="#" target="_blank"><img src="http://cdn.66173.cn/mobile/css/img/yhwz_pc/img_info1.png" alt="" /></a></div>
                        <div class="swiper-slide"><a href="#" target="_blank"><img src="http://cdn.66173.cn/mobile/css/img/yhwz_pc/img_info2.png" alt="" /></a></div>
                        <div class="swiper-slide"><a href="#" target="_blank"><img src="http://cdn.66173.cn/mobile/css/img/yhwz_pc/img_info3.png" alt="" /></a></div>
                        <div class="swiper-slide"><a href="#" target="_blank"><img src="http://cdn.66173.cn/mobile/css/img/yhwz_pc/img_info4.png" alt="" /></a></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination swiper-pagination1">
                        <span class="swiper-pagination-bullet swiper-pagination-bullet-active" data-seq="0"></span>
                        <span class="swiper-pagination-bullet" data-seq="1"></span>
                        <span class="swiper-pagination-bullet" data-seq="2"></span>
                        <span class="swiper-pagination-bullet" data-seq="3"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="s-right">
            <div class="article-zone">
                <ul class="article-tabs-zone">
                    <li class="item active" data-type="latest">最新</li>
                    <li class="item" data-type="activity">活动</li>
                    <li class="item" data-type="news">新闻</li>
                    <li class="item" data-type="notice">攻略</li>
                </ul>
                <div class="article-entry-cols">
                    <ul class="article-entry-zone latest active">
                        <li class="item">
                            <a href="/detail/9832" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[新闻]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》今日全平台首发 MOBA卡牌策略竞技</span>
                                </span>
                                <span class="right">2018/04/24</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9831" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[新闻]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》MOBA公会战模式首曝 跨服制霸三路</span>
                                </span>
                                <span class="right">2018/04/20</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9830" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[新闻]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》时装系统首曝 阴阳师套装免费兑换！</span>
                                </span>
                                <span class="right">2018/04/18</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9829" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[新闻]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》4.24震撼公测 MOBA团战爆红装</span>
                                </span>
                                <span class="right">2018/04/18</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="article-entry-zone activity">
                        <li class="item">
                            <a href="/detail/9816" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[活动]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">敬请期待</span>
                                </span>
                                <span class="right">2018/03/21</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="article-entry-zone news">
                        <li class="item">
                            <a href="/detail/9832" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[新闻]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》今日全平台首发 MOBA卡牌策略竞技</span>
                                </span>
                                <span class="right">2018/04/24</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9831" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[新闻]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》MOBA公会战模式首曝 跨服制霸三路</span>
                                </span>
                                <span class="right">2018/04/20</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9830" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[新闻]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》时装系统首曝 阴阳师套装免费兑换！</span>
                                </span>
                                <span class="right">2018/04/18</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9829" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[新闻]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》4.24震撼公测 MOBA团战爆红装</span>
                                </span>
                                <span class="right">2018/04/18</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="article-entry-zone notice">
                        <li class="item">
                            <a href="/detail/9822" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[攻略]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">古希腊神话怎会没有他 《英魂外传》新红将阿波罗</span>
                                </span>
                                <span class="right">2018/03/22</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9821" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[攻略]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">大量试炼币《英魂外传》精英试炼挑战详解</span>
                                </span>
                                <span class="right">2018/03/22</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9820" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[攻略]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">百位英魂降临《英魂外传》带你征战巅峰</span>
                                </span>
                                <span class="right">2018/03/22</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="/detail/9819" target="_blank">
                                <span class="left">
                                    <span class="type-zone"><span class="type">[攻略]</span>&nbsp;&nbsp;</span>
                                    <span class="text-overflow title">《英魂外传》新手引导攻略之站位解析</span>
                                </span>
                                <span class="right">2018/03/21</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="sec sec4">
    <img class="img-title img-title-data" src="//cdn.66173.cn/mobile/css/img/yhwz_pc/bg_04.jpg" alt="">
</section>
<section class="sec sec5" style="background-image: url(//cdn.66173.cn/mobile/css/img/yhwz_pc/bg_05.jpg)">
    <div class="background-img data-swipper-wrapper" style="background-image: url(//cdn.66173.cn/mobile/css/img/yhwz_pc/border_game_data.png)">
        <div class="rotator clearfix">
            <div class="swiper-container swiper-container2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a href="#" target="_blank"><img src="http://cdn.66173.cn/mobile/css/img/yhwz_pc/img_data1.png" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img src="http://cdn.66173.cn/mobile/css/img/yhwz_pc/img_data2.png" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img src="http://cdn.66173.cn/mobile/css/img/yhwz_pc/img_data3.png" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img src="http://cdn.66173.cn/mobile/css/img/yhwz_pc/img_data4.png" alt="" /></a></div>
                </div>
                <!-- Add Pagination -->

            </div>
        </div>
        <div class="dir-btn pre-btn"></div>
        <div class="dir-btn next-btn"></div>
    </div>
</section>
<section class="sec sec6">
    <img class="img-footer" src="//cdn.66173.cn/mobile/css/img/yhwz_pc/foot.jpg?t=1531100179" alt="">
</section>
<div class="mask">
    <div class="pop-wrapper">
        <div class="background-img pop-bg pop-bg-large" style="background-image: url(//cdn.66173.cn/mobile/css/img/yhwz_pc/bg_pop.png)">
            <a class="background-img close-pop"></a>
            <div class="con">
                <div class="preorder-done-zone">
                    <img class="img-pop-title img-pop-title-success" src="//cdn.66173.cn/mobile/css/img/yhwz_m/title_preorder_success.png" alt="">
                    <div class="text-zone">
                        <div class="msg-title">哈哈</div>
                        <div class="msg-con">哟哟哟</div>
                        <div class="tip">请在2018年1月20日前到本网站下载游戏兑换</div>
                    </div>
                    <img class="pop-img-gifts" src="//cdn.66173.cn/mobile/css/img/yhwz_m/img_gifts.png" alt="">
                </div>
                <div class="gift-get-zone">
                    <div class="text-zone">
                        <div class="msg-title"></div>
                        <div class="msg-con"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="loading-mask"><img class="loading-img" src="//cdn.66173.cn/mobile/v2/css/img/loading_grey_bling.gif" alt=""></div>
<div class="brief-tip-pop"><div class="font-md con"></div></div>
<input type="hidden" id="pagehash" value="3e05a7a4-2897-2b67-d587-e6630a52978e">
<input type="hidden" id="gt" value="">
</body>
<script src="http://cdn.66173.cn/niuguo/scripts/swiper.jquery.3.4.2.min.js?t=1531100179"></script>
<script src="http://cdn.66173.cn/mobile/v2/scripts/qrcode.min.js"></script>
<script>
    var swiper1 = new Swiper('.swiper-container1', {
        pagination: '.swiper-pagination1',
        autoplay: 4000,
        crossFade: true ,///控制是否自动播放
        preloadImages: false, //是否初始时将所有轮播图加载完,
        lazyLoading: true, //是否图片懒加载，要和preloadImages: false一起使用
        paginationClickable: true,
        autoplayDisableOnInteraction: false //控制用户滑动或点击到其他图后是否不再轮播
    });
    var swiper2 = new Swiper('.swiper-container2', {
        prevButton:'.pre-btn',
        nextButton:'.next-btn',
        autoplay: 4000,
        crossFade: true ,///控制是否自动播放
        preloadImages: false, //是否初始时将所有轮播图加载完,
        lazyLoading: true, //是否图片懒加载，要和preloadImages: false一起使用
        paginationClickable: true,
        autoplayDisableOnInteraction: false //控制用户滑动或点击到其他图后是否不再轮播
    });
</script>

<script>
    var clp;
    var hasPreorder;
    var goPreorderTimeout; //弹窗中预约提交按钮定时
    var regContact = new RegExp(/^1[34578]\d{9}$/);
    var regCaptchaPart = new RegExp(/^[0-9]{6}$/);
    var captchaInterval;//验证倒计时
    var hash = $('#pagehash').val();
    var gt = $("#gt").val();
    var deviceInfo = window.browserRel && browserRel() || {};
    if(gt == 1) {
        $(".btn-get-gift").show();
        $(".gift-desc-zone").show();
    }
    $(window).load(function() {
        pageBgSize();
        if($("#qrcode").length > 0) {
            var qrcode = new QRCode(document.getElementById("qrcode"), {
                width : 80,
                height : 80,
                correctLevel: QRCode.CorrectLevel.L
            });
            qrcode.makeCode(window.location.href);
        }
        loadScript("//cdn.66173.cn/mobile/v2/scripts/clipboard1.6.1.min.js", "clipboardJs");
    });

    // 填好表单后点击预约
    $("body").on("click", ".go-preorder-can", function() {
        $(".go-preorder:visible").removeClass("go-preorder-can");
        btnTimeOutControl(".go-preorder", "go-preorder-can", goPreorderTimeout);
        var resData = checkInput({
            ".tel-input": "mobile",
            ".captcha-input": "sms_code"
        });
        resData.res['pagehash'] = hash;
        // 系统选择： android 或 ios
        resData.res['system'] = $("[name=w]:checked").val();
        if(resData.pass) {
            loadingToggle(true);
            $.ajax({
                url: "/website.php?act=reserve_gift",
                type: "post",
                dataType: "json",
                data: resData.res
            }).success(function(data) {
                loadingToggle(false);
                if(data.code == 1){
                    hasPreorder = true;
                    $(".preorder-done-zone .msg-title").html(data.msg);
                    $(".preorder-done-zone .msg-con").html("预约特权礼包码："+data.gift_code);
                    popControl(".pop-bg-large", ".preorder-done-zone")
                }else{
                    briefTipControl(data.msg);
                }
            }).error(function(res2) {
                loadingToggle(false);
                briefTipControl("请求出错：" + res2.status + "," + res2.statusText);
            })
        }
    });
    // 点击预约按钮跳预约弹窗
    $("body").on("click", ".btn-preorder-entry", function(e) {
        $(".preorder-entry-zone").hide().siblings().show();
        $(".preorder-form-zone .form-main").animate({bottom:0}, 500);
        $(".close-pop-pre").css("height", $(".close-pop-pre").width());

    });
    // 获取验证码
    $("body").on("click", ".to-get-captcha", function() {
        if(!regContact.test($(".tel-input:visible").val())) {
            briefTipControl("请填写正确的手机号码！");
            $(".captcha-tip").removeClass("to-get-captcha");
            setTimeout(function() {
                $(".captcha-tip").addClass("to-get-captcha");
            }, 2000);
        }
        else {
            $(".captcha-tip").removeClass("to-get-captcha").html('<span class="count-time">120</span>s后获取');
            var countDownRest = 120;
            clearInterval(captchaInterval);
            captchaInterval = setInterval(function() {
                if(countDownRest > 1) {
                    countDownRest--;
                    $(".count-time").html(countDownRest)
                }
                else {
                    $(".captcha-tip").html("获取验证码").addClass("to-get-captcha");
                    clearInterval(captchaInterval)
                }

            }, 1000);
            var phone = $(".tel-input:visible").val();
            $.ajax({
                url: "/website.php?act=send_code",
                type: "post",
                data: {mobile: phone,pagehash:hash},
                dataType: "json"
            }).success(function(json) {
                briefTipControl(json.msg);
            })
        }
    });
    // 点击取消弹窗
    $("body").on("click", ".close-pop", function() {
        $(".mask").hide();
        if(hasPreorder) {
            window.location.reload();
        }
    });
    // 点击预约弹窗渐出
    $("body").on("click", ".close-pop-pre", function() {
        $(".preorder-form-zone .form-main").animate({bottom:"-187px"}, 500);

        $(".preorder-form-zone").hide(500).siblings().show();
//        setTimeout(function() {
//            $(".preorder-form-zone").hide().siblings().show();
//        }, 500)
    })
    $("body").on("click", ".article-tabs-zone li", function(e) {
        var $ele =  $(e.target);
        var type = $ele.data("type");
        $ele.addClass("active").siblings().removeClass("active");
        $(".article-entry-cols ." + type).addClass("active").siblings().removeClass("active");
    });
    // 系统选择
    $("body").on("click", ".choose-zone label", function (e) {
        var f = $(e.currentTarget).attr("for");
        $(".choose-zone ." + f + "-line").addClass("active").siblings().removeClass("active");
    });
    if(deviceInfo.os == "iOS" || deviceInfo.os == "Mac") {
        $(".choose-zone label[for=ios]").click();
    } else {
        $(".choose-zone label[for=android]").click();
    }
    $("body").on("click", ".btn-get-gift", function() {
        var hasLS = window.localStorage ? true : false;
        var gftmsg = hasLS && window.localStorage.getItem("gftmsg");
        var lastT = hasLS && window.localStorage.getItem("lastT");
        var curT = (new Date()).getTime();
        var type = deviceInfo.os == 'iOS' ? 2 : 1;
        console.log("lastT:"+lastT+",curT:"+curT+",curT-lastT:"+(curT-lastT));
        if (lastT && (curT - lastT) > 5000) {
            getCode(type, true, true);
        } else {
            briefTipControl("下载游戏后才可领取~")
        }

    });
    $("body").on("mouseover", ".btn-get-gift img", function(e) {
        $(e.currentTarget).attr("src", "//cdn.66173.cn/mobile/css/img/yhwz_pc/btn_get_gift_hover.png")
    });
    $("body").on("mouseleave", ".btn-get-gift img", function(e) {
        $(e.currentTarget).attr("src", "//cdn.66173.cn/mobile/css/img/yhwz_pc/btn_get_gift.png")
    });
    $("body").on("click", ".download-zone .item", function(e) {
        var ct = true;
        var hasLS = window.localStorage ? true : false;
        var gftmsg = hasLS && window.localStorage.getItem("gftmsg");
        var curT = (new Date()).getTime();
        var link = $(e.currentTarget).attr("href");
        var type = $(e.currentTarget).hasClass("android-link") ? 1 : 2;
        if(!link) {
            e.preventDefault();
            var part = $(e.currentTarget).hasClass("android-link") ? "安卓" : "iOS";
            briefTipControl("当前未开放" + part + "用户下载，敬请期待！");
            return false;
        }
        hasLS && window.localStorage.setItem("lastT", curT);
        getCode(type, false);
    });
    function getCode(type, ifRightNow, ifShowLoading) {
        var hasLS = window.localStorage ? true : false;
        ifShowLoading && loadingToggle(true);
        setTimeout(function () {
            $.ajax({
                url: "website.php?act=gift",
                type: "post",
                dataType: "json",
                data: {type: type},
                error: function() {
                    loadingToggle(false);
                },
                success: function (res) {
                    loadingToggle(false);
//                    var res = {
//                        code: 1,
//                        msg: "msg",
//                        giftCode: "www",
//                        giftCode_1: "qqq"
//                    };
                    if (res.code == 1) {
                        hasLS && res.msg && window.localStorage.setItem("gftmsg", res.msg);
                        var codeArr = [];
                        res.giftCode && codeArr.push(res.giftCode);
                        res.giftCode_1 && codeArr.push(res.giftCode_1);
                        var con = "";
                        if(codeArr.length > 0) {
                            hasLS && res.giftCode && window.localStorage.setItem("gftArr", JSON.stringify(codeArr));
                            giftCodeRender(codeArr);
                        }

                    } else {
                        $(".gift-get-zone .msg-con").hide();
                    }
                    $(".gift-get-zone .msg-title").html(res.msg || "");
                    popControl(".pop-bg-large", ".gift-get-zone");
                }
            })
        }, ifRightNow ? 0:2000);

    }
    function giftCodeRender(codeArr) {
        var con = "";
        if(codeArr && codeArr.length > 0) {
            con += '<div class="gift-desc">您的礼包码为：</div>'
            for (var i = 0; i < codeArr.length; i++) {
                var item = codeArr[i];
                con += '<div class="item">'
                    + '<span class="code">' + item + '</span><span class="clp" data-clipboard-text="' + item + '">复制兑换码</span>'
                    + '</div>';
                console.log(item);

            }
            $(".gift-get-zone .msg-con").html(con).show();
            copySet();
        }
    };
    function loadScript(url, id) {
        var hm = document.createElement("script");
        id && (hm.id = id);
        hm.src = url;
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
        return hm;
    }
    function copySet() {
        clp && clp.destroy();
        try {
            clp = new Clipboard(".clp"); //链接复制功能
        } catch(e) {

        }
        if(clp) {
            clp.on('success', function(e) {
                briefTipControl("兑换码: " + e.text + " 已复制");
                e.clearSelection();
            });
            clp.on('error', function(e) {
                briefTipControl("无复制权限，请手动复制");
                e.clearSelection();
            });
        }
    }
</script>

</html>